/*!
 * Navegacion Responsive CSS
 */
/* 
	INDICE:
	@media (min-width: 1590px) [ VERY LARGE DISPLAY ]
		Header

	@media (min-width: 1200px) [ LARGE DISPLAY ]
		Origenes
		New Header
		Header
			> cabecera
			> navegacion
		Footer
		Especial Microsites

	@media (min-width: 768px) and (max-width: 979px) [ TABLETS ] 
		Header
			> misReservas
		PhoneMenu
		Footer
		Especial Microsites

	@media (min-width: 767px) [ MOBILE ]
		Header
			> cabecera
			> menuNavegacion
		Toolbar
		navegacion Phone
		Contenido Phone
		Menu Lateral Phone
		Fancybox's
		Box Cookies
		Footer
*/
/*-- [ VERY LARGE DISPLAY ] --*/
@media (min-width: 1590px) {
  /* Header
  	---------------------------------------------------------------------------*/
  .newHeader .navegacion ul.nav {
    padding-left: 0;
  }
  .newHeader .navegacion ul.nav li.masterTab {
    left: -170px;
  }
}
/*-- [ LARGE DISPLAY ] --*/
@media (min-width: 1200px) {
  /* Origenes
  	---------------------------------------------------------------------------*/
  .showOrigenes ul li {
    font-size: 1.2em;
  }
  /* Header
  	---------------------------------------------------------------------------*/
  .newHeader {
    /* Cabecera */
  
    /*.navegacion .container { width: 1200px; .box-sizing; }*/
  
  }
  .newHeader .cabecera .cabeceraSuperior {
    /*.redesSociales { width: 25%; }*/
  
  }
  .newHeader .cabecera .cabeceraSuperior .botonOrigen {
    /*width: 75%;*/
  
  }
  .newHeader .cabecera .cabeceraSuperior .botonOrigen .boton {
    max-width: 180px;
  }
  /* Footer
  	---------------------------------------------------------------------------*/
  footer #contPieDerecha .contRedesBlogRegistro {
    width: 70%;
  }
  /* Especial Microsites
  	---------------------------------------------------------------------------*/
  .contenido.microsite,
  .footer-microsite {
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto;
  }
  .contenido.microsite > .container.header-microsite.fixed .nav-microsite {
    width: 1170px;
  }
}
/*-- [ FIN LARGE DISPLAY ] --*/
/*-- [ TABLET ] --*/
@media (min-width: 768px) and (max-width: 979px) {
  /* Header
  	---------------------------------------------------------------------------*/
  .newHeader {
    /*.navegacion .container { width: 744px; .box-sizing; }*/
  
    /* Cabecera */
  
  }
  .newHeader .cabecera {
    /* origen */
  
    /* buscadorRapido */
  
  }
  .newHeader .cabecera .cabeceraSuperior .botonOrigen .boton {
    max-width: 100px;
  }
  .newHeader .cabecera .input-append .styled-select:after {
    right: 8px;
  }
  .newHeader .cabecera .input-append .styled-select #selectorBuscador {
    padding: 12px 28px 12px 10px;
  }
  /* phoneMenu */
  .contenido #phoneMenu #misReservasPhone .nav {
    display: inline-table;
    width: 94%;
  }
  .contenido #phoneMenu #misReservasPhone .nav li {
    width: 50%;
  }
  /* Footer
  	---------------------------------------------------------------------------*/
  footer {
    /* Especificos Home Principal */
  
  }
  footer #contPieDerecha .contRedesBlogRegistro {
    width: 100%;
  }
  footer .cajaPie {
    width: 31.4917% !important;
  }
  footer .copyRight {
    width: 100%;
  }
  footer #divPieVerif img {
    width: 100%;
  }
  footer .divPieHome {
    background-image: none;
  }
  footer .divPieHome ul.linksComunidad {
    width: 100%;
  }
  footer .divPieHome ul.linksComunidad li {
    float: right;
    margin-right: 0;
    width: 100%;
  }
  /* Especial Microsites
  	---------------------------------------------------------------------------*/.contenido.microsite,
  .footer-microsite {
    -moz-background-size: 1230px;
    -o-background-size: 1230px;
    background-size: 1230px;
  }
  .contenido.microsite > .container.header-microsite {
    height: 350px;
  }
  .contenido.microsite > .container.header-microsite.fixed {
    max-width: inherit;
  }
  .contenido.microsite > .container.header-microsite.fixed .nav-microsite {
    width: 100%;
  }
}
/*-- [ MOBILE ] --*/
@media (max-width: 767px) {
  .stop-scrolling {
    height: 100%;
    overflow: hidden;
  }
  body {
    overflow-x: hidden;
    background-color: #c8e6fa;
  }
  header {
    /* cabecera */
  
    /* menuNavegacion */
  
    /* Toolbar */
  
    /* phoneMenu */
  
  }
  header .cabecera {
    height: auto;
  }
  header .cabecera .logo {
    text-align: center;
    padding: 4px 8px 6px;
  }
  header .menuNavegacion ul li {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    width: 50%;
  }
  header .menuNavegacion ul li [class*="cabeceraIco"] {
    left: 15%;
    position: relative;
  }
  header #toolbar {
    position: fixed;
    top: 0;
    background-color: #005591;
    background-image: none;
    border-top: 3px solid #007dbe;
    border-bottom: 1px solid #007dbe;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 44px;
    width: 100%;
    z-index: 1100;
    text-align: center;
  }
  header #toolbar #btn-toolbar,
  header #toolbar .btn-helpDesk {
    background: none #004c82;
    border: 1px solid #004678;
    -webkit-box-shadow: 1px 1px 1px #005ea0 inset;
    -moz-box-shadow: 1px 1px 1px #005ea0 inset;
    box-shadow: 1px 1px 1px #005ea0 inset;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #ffffff;
    cursor: pointer;
    font-size: 2.8em;
    line-height: 44px;
    height: 42px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 48px;
  }
  header #toolbar #btn-toolbar a,
  header #toolbar .btn-helpDesk a,
  header #toolbar #btn-toolbar a:hover,
  header #toolbar .btn-helpDesk a:hover {
    color: #ffffff;
    display: block;
    height: 29px;
    padding: 8px 0;
    width: 100%;
  }
  header #toolbar #btn-toolbar {
    left: 0;
  }
  header #toolbar .btn-helpDesk {
    left: 50px;
  }
  header #toolbar .logo-phone,
  header #toolbar .isotipo-phone {
    position: absolute;
    right: 5px;
    height: 44px;
  }
  header #toolbar .titularBDestacado {
    line-height: 42px;
  }
  header #phoneMenu.in {
    margin-top: 48px;
  }
  header #phoneMenu {
    background: #0061a5;
    background: -moz-linear-gradient(top, #0067b0 0%, #005591 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0067b0), color-stop(100%, #005591));
    background: -webkit-linear-gradient(top, #0067b0 0%, #005591 100%);
    background: -o-linear-gradient(top, #0067b0 0%, #005591 100%);
    background: -ms-linear-gradient(top, #0067b0 0%, #005591 100%);
    background: linear-gradient(to bottom, #0067b0 0%, #005591 100%);
  }
  header #phoneMenu #menuLateralPhone li.invisible {
    visibility: visible !important;
  }
  header #phoneMenu #menuLateralPhone li.dropdownMenu {
    display: none;
  }
  header #phoneMenu .phoneMenuSection {
    overflow: hidden;
    text-align: center;
    width: 100%;
  }
  header #phoneMenu .phoneMenuSection .seccionMenuPhone {
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: inline-table;
    font-size: 18px;
    line-height: 18px;
    /*margin-top: 20px;*/
  
    -khtml-opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
    padding-bottom: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
    width: 92%;
  }
  header #phoneMenu .phoneMenuSection li {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-table;
    font-size: 18px;
    text-align: left;
    width: 92%;
  }
  header #phoneMenu .phoneMenuSection li a {
    font-size: 18px;
    padding: 4px 15px;
    height: auto;
    line-height: 34px;
    overflow: auto;
  }
  header #phoneMenu .phoneMenuSection li a [class*="ico"] {
    line-height: 36px;
  }
  header #phoneMenu .phoneMenuSection li:first-child {
    border-top: none;
  }
  header #phoneMenu .phoneMenuSection li.mensajes {
    position: relative;
  }
  header #phoneMenu .phoneMenuSection li.mensajes .numMensajes:empty {
    padding: 0;
  }
  header #phoneMenu .phoneMenuSection li .txtMedio,
  header #phoneMenu .phoneMenuSection li .txtBMedio {
    font-size: inherit;
  }
  header #phoneMenu .phoneMenuSection a,
  header #phoneMenu .phoneMenuSection a:hover,
  header #phoneMenu .phoneMenuSection a:focus {
    background-color: transparent;
    color: #ffffff;
  }
  header #phoneMenu .phoneMenuSection a .icon-chevron-right,
  header #phoneMenu .phoneMenuSection a:hover .icon-chevron-right,
  header #phoneMenu .phoneMenuSection a:focus .icon-chevron-right {
    float: right;
    opacity: 0.2;
  }
  header #phoneMenu .phoneMenuSection a .numMensajes,
  header #phoneMenu .phoneMenuSection a:hover .numMensajes,
  header #phoneMenu .phoneMenuSection a:focus .numMensajes {
    background: none #7cb021;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px #30450d inset;
    -moz-box-shadow: 0px 0px 5px #30450d inset;
    box-shadow: 0px 0px 5px #30450d inset;
    font-family: arial, helvetica, sans serif;
    font-size: 18px;
    letter-spacing: -1px;
    line-height: 18px;
    padding: 8px 10px;
    position: absolute;
    right: 5px;
    text-indent: -2px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.7);
    top: 5px;
  }
  header #phoneMenu #misReservasPhone ul li {
    table-layout: fixed;
  }
  header #phoneMenu #misReservasPhone ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  header #phoneMenu #misReservasPhone ul li li#userSesionPhone .dropdown-menu,
  header #phoneMenu #misReservasPhone ul li li.mensajes .dropdown-menu {
    display: none;
  }
  header #phoneMenu #buscadorPhone {
    text-align: center;
  }
  header #phoneMenu #buscadorPhone input {
    background: none #004f87;
    border: 1px solid #002b57;
    -webkit-box-shadow: 1px 1px 1px #005ea0 inset;
    -moz-box-shadow: 1px 1px 1px #005ea0 inset;
    box-shadow: 1px 1px 1px #005ea0 inset;
    color: #ffffff;
    height: 36px;
    margin-top: 8px;
    text-indent: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 94%;
  }
  header #phoneMenu #buscadorPhone input:focus {
    -webkit-box-shadow: 0px 0px 6px #007dbe inset;
    -moz-box-shadow: 0px 0px 6px #007dbe inset;
    box-shadow: 0px 0px 6px #007dbe inset;
    width: 96%;
  }
  header #phoneMenu #buscadorPhone .add-on {
    position: absolute;
    top: 17px;
    right: 17px;
  }
  header #phoneMenu #buscadorPhone .add-on .icon-search,
  header #phoneMenu #buscadorPhone .add-on .icon-remove {
    color: #ffffff;
    font-size: 1.4em;
    line-height: 16px;
  }
  header #phoneMenu #buscadorPhone .add-on .icon-remove {
    cursor: pointer;
  }
  /* navegacionPhone */
  .navegacionPhone {
    margin-top: 48px;
  }
  .navegacionPhone .nav {
    margin-bottom: 0;
  }
  .navegacionPhone .nav li {
    background: #def0fc;
    background: -moz-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def0fc), color-stop(50%, #def0fc), color-stop(100%, #c8e6fa));
    background: -webkit-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: -o-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: -ms-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: linear-gradient(to bottom, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    border-top: 1px solid #c8e6fa;
    width: 100%;
  }
  .navegacionPhone .nav li:first-child {
    border: none;
  }
  .navegacionPhone .nav li a {
    border-right: 0;
    color: #005591;
    font-size: 1.8em;
    height: auto;
    line-height: 34px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
    padding: 4px 15px;
    overflow: auto;
  }
  .navegacionPhone .nav li a:hover,
  .navegacionPhone .nav li a:focus {
    background: #def0fc;
    background: -moz-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def0fc), color-stop(50%, #def0fc), color-stop(100%, #c8e6fa));
    background: -webkit-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: -o-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: -ms-linear-gradient(top, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
    background: linear-gradient(to bottom, #def0fc 0%, #def0fc 50%, #c8e6fa 100%);
  }
  .navegacionPhone .nav li a .icon-chevron-right {
    float: right;
    font-size: 13px;
  }
  .navegacionPhone .nav li a * {
    line-height: 36px;
  }
  .navegacionPhone .nav li a .escritorio {
    font-size: 12px;
    margin-right: 15px;
    color: #005591;
    float: right;
  }
  /* Contenido Phone */
  .contenido {
    background-color: #c8e6fa;
    padding: 0;
  }
  .contenido > .container {
    padding: 5px;
    margin-top: 48px;
  }
  .contenido > .container.clearfix {
    overflow-x: hidden;
  }
  /* Autocomplete */
  .ui-autocomplete.phone {
    background-color: transparent;
    box-shadow: none;
    position: inherit;
    filter: none;
    left: 10px !important;
    top: 0 !important;
    width: 92% !important;
  }
  .ui-autocomplete.phone li {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    display: inline-table;
    text-align: left;
  }
  .ui-autocomplete.phone li:first-child {
    border-top: none;
  }
  .ui-autocomplete.phone li.ui-menu-item {
    padding: 0;
  }
  .ui-autocomplete.phone li a,
  .ui-autocomplete.phone li a:hover,
  .ui-autocomplete.phone li a:focus,
  .ui-autocomplete.phone li .ui-state-focus {
    background-color: transparent !important;
    color: #ffffff;
    font-family: arial, helvetica, sans serif;
    font-size: 18px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Fancybox's */.fancybox-wrap {
    height: 100% !important;
    left: 0 !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
  }
  .fancybox-wrap .fancybox-skin {
    padding: 0;
    background-color: #def0fc !important;
    border-radius: 0;
    box-shadow: none !important;
    height: 100% !important;
    overflow: auto;
    position: relative;
    overflow-x: hidden;
  }
  .fancybox-wrap .fancybox-skin .fancybox-inner {
    width: 100% !important;
    height: auto !important;
    /*top: 43px;
  				background-color: yellow;*/
  
  }
  .fancybox-wrap .fancybox-skin .fancybox-inner [class*="rotulo"] {
    border-radius: 0;
  }
  .fancybox-wrap .fancybox-skin .fancybox-close {
    background-color: transparent;
    background-repeat: no-repeat;
    /*background-position: 100% 2px;
  				border-top: 3px solid @normal;*/
  
    height: 36px;
    width: 36px;
    right: 4px !important;
    top: 4px !important;
  }
  .fancybox-wrap .fancybox-skin #fancybox-loading,
  .fancybox-wrap .fancybox-skin .fancybox-close,
  .fancybox-wrap .fancybox-skin .fancybox-prev span,
  .fancybox-wrap .fancybox-skin .fancybox-next span {
    background-image: url("/comun/images/responsive/fancybox/fancybox_sprite.png");
    background-size: 42px 150px;
    -moz-background-size: 42px 150px;
    -webkit-background-size: 42px 150px;
    -o-background-size: 42px 150px;
  }
  /* Box Cookies */
  .box-cookies .contBoton {
    text-align: center;
  }
  .box-cookies .contBoton [class*="boton"] {
    font-size: 1.2em;
    padding: 6px 22px;
  }
  /* Footer */
  footer {
    margin-top: 0;
    background: #b1dbf8;
    border-top: 4px solid #99d1f6;
    overflow: hidden;
    padding: 5px 30px;
    text-align: center;
  }
  footer .divPieHome {
    background-image: none;
  }
  footer .copyRight {
    margin-top: 0;
    width: 100%;
  }
  footer p,
  footer .copyRight p,
  footer a,
  footer a:hover {
    color: #005591 !important;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 20px;
  }
  /* Especial Microsites
  	---------------------------------------------------------------------------*/.contenido.microsite,
  .footer-microsite {
    -moz-background-size: 150%;
    -o-background-size: 150%;
    background-size: 150%;
  }
  .contenido.microsite > .container.header-microsite {
    height: auto;
    min-height: 150px;
    padding: 0;
  }
  .contenido.microsite > .container.microsite {
    padding-top: 5px;
  }
}
/*-- [ FIN MOBILE ] --*/
/*-- [ ONLY PHONE ] --*/
@media (max-width: 480px) {
  
}
@media (min-width: 1200px) {
  .navegacion .container {
    width: 1200px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .navegacion .container {
    width: 744px;
  }
}