/* Constants */
/*$max-width-mobile: 600px;
$max-width-mobile-landscape: 960px;
*/
/* Desktop Rules & Tablet */
@media only screen and (min-width: 599px) and (orientation: portrait) {
  /*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}*/
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  fieldset, img {
    border: 0; }
  ol, ul {
    list-style: none; }
  caption, th {
    text-align: left; }
  h1, h2, h3 {
    font-size: 100%;
    font-weight: normal; }
  strong {
    font-weight: bold; }
  p {
    margin-bottom: 10px; }
  a {
    text-decoration: none;
    color: #F80497; }
  a:hover {
    background-color: #F80497;
    color: #FFF; }
  html {
    background: #FFFFFF url(/imagenes/estilos/fondoarriba.png) repeat-x scroll 0 0; }
  body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    background: transparent url(/imagenes/estilos/fondo.png) repeat-y scroll center; }
  h1, h2, h3 {
    font-weight: bold; }
  h1 {
    font-size: 22px;
    color: #00AAD2;
    margin-bottom: 10px; }
  .tituloColumna {
    font-weight: bold;
    font-size: 22px;
    color: #00AAD2;
    margin-bottom: 3px; }
  h2 {
    font-size: 18px;
    color: #F27F00;
    margin-bottom: 7px;
    text-align: left; }
  h3 {
    color: #00AAD2;
    font-size: 16px;
    margin-bottom: 5px; }
  #external {
    background: transparent url(/imagenes/estilos/fondobarras.png) no-repeat scroll center top; }
  #container {
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    width: 979px; }
  .floatLeft {
    float: left; }
  .floatRight {
    float: right; }
  #header, #topMenu {
    width: 100%;
    float: left; }
  #header {
    background: none;
    position: relative; }
  #logo {
    width: 500px;
    height: 103px;
    float: left; }
  #contenido {
    padding: 15px;
    width: 949px;
    float: left; }
  #migas {
    margin: 10px 0 0 15px;
    float: left; }
  #logo a:hover {
    background-color: transparent; }
  #logo img {
    margin: 10px; }
  #topMenu {
    background-color: #00AAD2; }
  #topMenu a {
    color: #FFF;
    padding-bottom: 5px; }
  #topMenu a:hover {
    color: #00AAD2;
    background-color: #FFF; }
  #topMenu li {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    margin-top: 5px;
    padding: 1px 8px 2px;
    background-color: #0094b7;
    border-left: 1px solid #C9E2F5;
    border-right: 1px solid #C9E2F5;
    border-top: 1px solid #C9E2F5; }
  #topMenu li:hover {
    background-color: #FFF; }
  #topMenu .current {
    background-color: #FFF;
    color: #00AAD2; }
  #topMenu .current a {
    color: #00AAD2; }
  #dobleColumna {
    width: 600px;
    float: left; }
  #multiBuscador {
    width: 610px; }
  #divNoticias li {
    margin-bottom: 10px; }
  .modulo600 {
    width: 600px;
    float: left;
    margin-bottom: 10px;
    text-align: justify; }
  #columnaSimple {
    width: 300px;
    float: left; }
  .separacionColumna {
    margin-left: 20px; }
  .bloqueLateral {
    margin-bottom: 20px; }
  .bloqueLateral ul {
    margin-bottom: 10px; }
  .listado, .listadoEnlaces {
    margin-bottom: 20px;
    list-style-position: inside; }
  .listado {
    list-style-image: url("/imagenes/iconos/listado.png"); }
  .listadoEnlaces {
    list-style-image: url("/imagenes/iconos/flecha_trans.png"); }
  .listado li, .listado li p {
    margin-bottom: 6px; }
  .listadoEnlaces li {
    margin-bottom: 3px;
    text-align: left; }
  .listadoGuias {
    float: left;
    width: 100%;
    margin-bottom: 5px; }
  .listadoGuias li {
    float: left;
    margin-bottom: 5px;
    margin-right: 6px;
    text-align: center;
    font-weight: bold; }
  .listadoGuias li img {
    border: 2px solid #000;
    width: 140px;
    height: 90px; }
  .enlaces14 a {
    font-size: 14px;
    font-weight: bold; }
  #footer {
    margin-top: 30px;
    padding: 10px 0 5px 0;
    background-color: #dee9f3;
    overflow: hidden;
    width: 100%; }
  #footer a {
    font-weight: bold; }
  .footerIzq {
    float: left;
    margin-left: 20px; }
  .footerDer {
    float: right;
    margin-right: 20px; }
  #buscaHoteles {
    width: 280px;
    padding: 10px;
    overflow: hidden;
    background-color: #EEF5FA;
    border: 1px solid #C9E2F5;
    font-size: 16px;
    font-weight: bold; }
    #buscaHoteles .comboFechas.dia, #buscaHoteles .comboFechas.mes {
      padding: 3px 3px 3px 12px; }
    #buscaHoteles .comboFechas.dia {
      width: 4em; }
    #buscaHoteles .comboFechas.mes {
      width: 10em; }
  #buscaHoteles li {
    clear: both; }
  #b_destination, #b_destination2 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    width: 265px;
    margin-bottom: 10px; }
  #b_calendarPopup {
    border-color: #E6EDF6 !important;
    font-size: 14px; }
  #b_calendarPopup th, #b_calendarPopup td {
    text-align: right;
    padding: 5px 7px; }
  .b_calSelected {
    background-color: #F80497; }
  .b_calSelected a {
    color: #FFFFFF; }
  .b_calPast {
    text-decoration: line-through; }
  .b_calWeekend {
    background-color: #C9E2F5; }
  .b_caltable {
    background-color: #EEF5FA; }
  .b_calHeader, .b_calClose {
    background-color: #FFF; }
  .b_calDayNames {
    color: #FFF; }
  .b_calDayNames th {
    background-color: #00AAD2;
    border-bottom: thin solid #333;
    font-weight: bold; }
  .b_popup {
    display: none;
    position: relative;
    z-index: 1000; }
  #b_calendarPopup a {
    font-weight: bold; }
  .b_popupInner {
    background-color: #FFF;
    border: 1px solid #003580;
    padding: 8px; }
  .comboFechas {
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 3px; }
  .b_submitButton {
    background-color: #00AAD2;
    color: #FFFFFF;
    border: 1px solid #FFF;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    padding: 0 20px;
    margin-top: 5px; }
  #resultadosEncontrados p {
    font-size: 14px;
    font-weight: bold; }
  #resultadosEncontrados li {
    padding: 5px;
    margin: 8px 0;
    font-size: 18px;
    background-color: #F0F8F9; }
  .mejorResultado {
    font-size: 20px;
    font-weight: bold; }
  #infoHoteles {
    border: 1px solid #B30000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
    overflow: auto;
    padding: 5px;
    width: 590px; }
  .mensajeError {
    color: #B30000;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    width: 540px;
    line-height: 20px; }
  .porqueReservar {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
    font-weight: bold; }
  .tituloDestino {
    float: left;
    background-color: #00AAD2;
    width: 285px; }
  .tituloDestino a {
    color: #FFF; }
  .tituloDestino h2 {
    color: #FFFFFF;
    margin: 5px; }
  .destinoMasBuscado {
    border: 1px solid #00AAD2;
    float: left;
    margin: 0 12px 12px 0;
    width: 285px; }
  .destinoMasBuscado ul {
    float: left;
    margin: 5px;
    width: 275px;
    padding: 0; }
  .destinoMasBuscado li {
    width: 275px;
    float: left;
    padding: 0; }
  #listadoOtrosDestinos, #listadoOtrosDestinos ul {
    width: 100%; }
  #listadoOtrosDestinos img {
    float: left;
    border: 1px solid #00AAD2;
    margin-right: 5px; }
  #listadoOtrosDestinos li {
    width: 140px;
    margin: 0 10px 10px 0;
    float: left;
    font-weight: bold; }
  #publiCivitatis,
  #registro {
    float: left;
    width: 945px;
    padding: 15px; }
  .content-panel {
    clear: both;
    padding: 15px; }
  #publiCivitatis p, .content-panel p {
    color: #000; }
  #publiCivitatis p b, .content-panel p b {
    color: #006699; }
  #publiCivitatis ul, .content-panel ul {
    color: #000000;
    margin-bottom: 15px;
    list-style-type: inherit;
    list-style-position: inside; }
  #publiCivitatis ul b, .content-panel ul b {
    color: #006699; }
  .imagenDerecha {
    clear: both;
    color: #006699;
    float: right;
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 15px;
    text-align: center;
    font-weight: bold; }
  #thumbBox {
    position: absolute;
    padding: 5px;
    background: #000;
    visibility: hidden;
    z-index: 10;
    cursor: pointer; }
  #thumbBox .footerbar {
    display: none; }
  #thumbBox #thumbImage {
    font-weight: bold;
    color: #FFF; }
  #thumbLoading {
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
    background-color: #EEF5FA;
    padding: 5px;
    z-index: 5; }
  .youTube {
    overflow: hidden;
    margin-bottom: 15px; }
  .clear {
    clear: both; }
  .listadoWebs ul {
    width: 100%; }
  .listadoWebs a {
    text-decoration: none !important; }
  .listadoWebs li {
    width: 190px;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold; }
  #contactar {
    margin: 25px 0 10px 0;
    font-size: 14px;
    font-weight: bold; }
  #contactar li {
    clear: both;
    margin-bottom: 12px; }
  #contactar label {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 90px; }
  #contactar .campoTexto {
    background: #EEF5FA none repeat scroll 0 0;
    border: 1px solid #C9E2F5;
    color: #333333;
    padding: 5px;
    width: 220px; }
  .textoGratis {
    color: #339900;
    font-size: 13px;
    font-weight: bold; }
  .ancho280 {
    width: 280px !important; } }

@media only screen and (min-width: 900px) and (orientation: landscape) {
  /*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}*/
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  fieldset, img {
    border: 0; }
  ol, ul {
    list-style: none; }
  caption, th {
    text-align: left; }
  h1, h2, h3 {
    font-size: 100%;
    font-weight: normal; }
  strong {
    font-weight: bold; }
  p {
    margin-bottom: 10px; }
  a {
    text-decoration: none;
    color: #F80497; }
  a:hover {
    background-color: #F80497;
    color: #FFF; }
  html {
    background: #FFFFFF url(/imagenes/estilos/fondoarriba.png) repeat-x scroll 0 0; }
  body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    background: transparent url(/imagenes/estilos/fondo.png) repeat-y scroll center; }
  h1, h2, h3 {
    font-weight: bold; }
  h1 {
    font-size: 22px;
    color: #00AAD2;
    margin-bottom: 10px; }
  .tituloColumna {
    font-weight: bold;
    font-size: 22px;
    color: #00AAD2;
    margin-bottom: 3px; }
  h2 {
    font-size: 18px;
    color: #F27F00;
    margin-bottom: 7px;
    text-align: left; }
  h3 {
    color: #00AAD2;
    font-size: 16px;
    margin-bottom: 5px; }
  #external {
    background: transparent url(/imagenes/estilos/fondobarras.png) no-repeat scroll center top; }
  #container {
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    width: 979px; }
  .floatLeft {
    float: left; }
  .floatRight {
    float: right; }
  #header, #topMenu {
    width: 100%;
    float: left; }
  #header {
    background: none;
    position: relative; }
  #logo {
    width: 500px;
    height: 103px;
    float: left; }
  #contenido {
    padding: 15px;
    width: 949px;
    float: left; }
  #migas {
    margin: 10px 0 0 15px;
    float: left; }
  #logo a:hover {
    background-color: transparent; }
  #logo img {
    margin: 10px; }
  #topMenu {
    background-color: #00AAD2; }
  #topMenu a {
    color: #FFF;
    padding-bottom: 5px; }
  #topMenu a:hover {
    color: #00AAD2;
    background-color: #FFF; }
  #topMenu li {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    margin-top: 5px;
    padding: 1px 8px 2px;
    background-color: #0094b7;
    border-left: 1px solid #C9E2F5;
    border-right: 1px solid #C9E2F5;
    border-top: 1px solid #C9E2F5; }
  #topMenu li:hover {
    background-color: #FFF; }
  #topMenu .current {
    background-color: #FFF;
    color: #00AAD2; }
  #topMenu .current a {
    color: #00AAD2; }
  #dobleColumna {
    width: 600px;
    float: left; }
  #multiBuscador {
    width: 610px; }
  #divNoticias li {
    margin-bottom: 10px; }
  .modulo600 {
    width: 600px;
    float: left;
    margin-bottom: 10px;
    text-align: justify; }
  #columnaSimple {
    width: 300px;
    float: left; }
  .separacionColumna {
    margin-left: 20px; }
  .bloqueLateral {
    margin-bottom: 20px; }
  .bloqueLateral ul {
    margin-bottom: 10px; }
  .listado, .listadoEnlaces {
    margin-bottom: 20px;
    list-style-position: inside; }
  .listado {
    list-style-image: url("/imagenes/iconos/listado.png"); }
  .listadoEnlaces {
    list-style-image: url("/imagenes/iconos/flecha_trans.png"); }
  .listado li, .listado li p {
    margin-bottom: 6px; }
  .listadoEnlaces li {
    margin-bottom: 3px;
    text-align: left; }
  .listadoGuias {
    float: left;
    width: 100%;
    margin-bottom: 5px; }
  .listadoGuias li {
    float: left;
    margin-bottom: 5px;
    margin-right: 6px;
    text-align: center;
    font-weight: bold; }
  .listadoGuias li img {
    border: 2px solid #000;
    width: 140px;
    height: 90px; }
  .enlaces14 a {
    font-size: 14px;
    font-weight: bold; }
  #footer {
    margin-top: 30px;
    padding: 10px 0 5px 0;
    background-color: #dee9f3;
    overflow: hidden;
    width: 100%; }
  #footer a {
    font-weight: bold; }
  .footerIzq {
    float: left;
    margin-left: 20px; }
  .footerDer {
    float: right;
    margin-right: 20px; }
  #buscaHoteles {
    width: 280px;
    padding: 10px;
    overflow: hidden;
    background-color: #EEF5FA;
    border: 1px solid #C9E2F5;
    font-size: 16px;
    font-weight: bold; }
    #buscaHoteles .comboFechas.dia, #buscaHoteles .comboFechas.mes {
      padding: 3px 3px 3px 12px; }
    #buscaHoteles .comboFechas.dia {
      width: 4em; }
    #buscaHoteles .comboFechas.mes {
      width: 10em; }
  #buscaHoteles li {
    clear: both; }
  #b_destination, #b_destination2 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    width: 265px;
    margin-bottom: 10px; }
  #b_calendarPopup {
    border-color: #E6EDF6 !important;
    font-size: 14px; }
  #b_calendarPopup th, #b_calendarPopup td {
    text-align: right;
    padding: 5px 7px; }
  .b_calSelected {
    background-color: #F80497; }
  .b_calSelected a {
    color: #FFFFFF; }
  .b_calPast {
    text-decoration: line-through; }
  .b_calWeekend {
    background-color: #C9E2F5; }
  .b_caltable {
    background-color: #EEF5FA; }
  .b_calHeader, .b_calClose {
    background-color: #FFF; }
  .b_calDayNames {
    color: #FFF; }
  .b_calDayNames th {
    background-color: #00AAD2;
    border-bottom: thin solid #333;
    font-weight: bold; }
  .b_popup {
    display: none;
    position: relative;
    z-index: 1000; }
  #b_calendarPopup a {
    font-weight: bold; }
  .b_popupInner {
    background-color: #FFF;
    border: 1px solid #003580;
    padding: 8px; }
  .comboFechas {
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 3px; }
  .b_submitButton {
    background-color: #00AAD2;
    color: #FFFFFF;
    border: 1px solid #FFF;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    padding: 0 20px;
    margin-top: 5px; }
  #resultadosEncontrados p {
    font-size: 14px;
    font-weight: bold; }
  #resultadosEncontrados li {
    padding: 5px;
    margin: 8px 0;
    font-size: 18px;
    background-color: #F0F8F9; }
  .mejorResultado {
    font-size: 20px;
    font-weight: bold; }
  #infoHoteles {
    border: 1px solid #B30000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
    overflow: auto;
    padding: 5px;
    width: 590px; }
  .mensajeError {
    color: #B30000;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    width: 540px;
    line-height: 20px; }
  .porqueReservar {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
    font-weight: bold; }
  .tituloDestino {
    float: left;
    background-color: #00AAD2;
    width: 285px; }
  .tituloDestino a {
    color: #FFF; }
  .tituloDestino h2 {
    color: #FFFFFF;
    margin: 5px; }
  .destinoMasBuscado {
    border: 1px solid #00AAD2;
    float: left;
    margin: 0 12px 12px 0;
    width: 285px; }
  .destinoMasBuscado ul {
    float: left;
    margin: 5px;
    width: 275px;
    padding: 0; }
  .destinoMasBuscado li {
    width: 275px;
    float: left;
    padding: 0; }
  #listadoOtrosDestinos, #listadoOtrosDestinos ul {
    width: 100%; }
  #listadoOtrosDestinos img {
    float: left;
    border: 1px solid #00AAD2;
    margin-right: 5px; }
  #listadoOtrosDestinos li {
    width: 140px;
    margin: 0 10px 10px 0;
    float: left;
    font-weight: bold; }
  #publiCivitatis,
  #registro {
    float: left;
    width: 945px;
    padding: 15px; }
  .content-panel {
    clear: both;
    padding: 15px; }
  #publiCivitatis p, .content-panel p {
    color: #000; }
  #publiCivitatis p b, .content-panel p b {
    color: #006699; }
  #publiCivitatis ul, .content-panel ul {
    color: #000000;
    margin-bottom: 15px;
    list-style-type: inherit;
    list-style-position: inside; }
  #publiCivitatis ul b, .content-panel ul b {
    color: #006699; }
  .imagenDerecha {
    clear: both;
    color: #006699;
    float: right;
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 15px;
    text-align: center;
    font-weight: bold; }
  #thumbBox {
    position: absolute;
    padding: 5px;
    background: #000;
    visibility: hidden;
    z-index: 10;
    cursor: pointer; }
  #thumbBox .footerbar {
    display: none; }
  #thumbBox #thumbImage {
    font-weight: bold;
    color: #FFF; }
  #thumbLoading {
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
    background-color: #EEF5FA;
    padding: 5px;
    z-index: 5; }
  .youTube {
    overflow: hidden;
    margin-bottom: 15px; }
  .clear {
    clear: both; }
  .listadoWebs ul {
    width: 100%; }
  .listadoWebs a {
    text-decoration: none !important; }
  .listadoWebs li {
    width: 190px;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold; }
  #contactar {
    margin: 25px 0 10px 0;
    font-size: 14px;
    font-weight: bold; }
  #contactar li {
    clear: both;
    margin-bottom: 12px; }
  #contactar label {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 90px; }
  #contactar .campoTexto {
    background: #EEF5FA none repeat scroll 0 0;
    border: 1px solid #C9E2F5;
    color: #333333;
    padding: 5px;
    width: 220px; }
  .textoGratis {
    color: #339900;
    font-size: 13px;
    font-weight: bold; }
  .ancho280 {
    width: 280px !important; } }

@media only screen and (min-width: 900px) {
  /*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}*/
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  fieldset, img {
    border: 0; }
  ol, ul {
    list-style: none; }
  caption, th {
    text-align: left; }
  h1, h2, h3 {
    font-size: 100%;
    font-weight: normal; }
  strong {
    font-weight: bold; }
  p {
    margin-bottom: 10px; }
  a {
    text-decoration: none;
    color: #F80497; }
  a:hover {
    background-color: #F80497;
    color: #FFF; }
  html {
    background: #FFFFFF url(/imagenes/estilos/fondoarriba.png) repeat-x scroll 0 0; }
  body {
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    background: transparent url(/imagenes/estilos/fondo.png) repeat-y scroll center; }
  h1, h2, h3 {
    font-weight: bold; }
  h1 {
    font-size: 22px;
    color: #00AAD2;
    margin-bottom: 10px; }
  .tituloColumna {
    font-weight: bold;
    font-size: 22px;
    color: #00AAD2;
    margin-bottom: 3px; }
  h2 {
    font-size: 18px;
    color: #F27F00;
    margin-bottom: 7px;
    text-align: left; }
  h3 {
    color: #00AAD2;
    font-size: 16px;
    margin-bottom: 5px; }
  #external {
    background: transparent url(/imagenes/estilos/fondobarras.png) no-repeat scroll center top; }
  #container {
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    width: 979px; }
  .floatLeft {
    float: left; }
  .floatRight {
    float: right; }
  #header, #topMenu {
    width: 100%;
    float: left; }
  #header {
    background: none;
    position: relative; }
  #logo {
    width: 500px;
    height: 103px;
    float: left; }
  #contenido {
    padding: 15px;
    width: 949px;
    float: left; }
  #migas {
    margin: 10px 0 0 15px;
    float: left; }
  #logo a:hover {
    background-color: transparent; }
  #logo img {
    margin: 10px; }
  #topMenu {
    background-color: #00AAD2; }
  #topMenu a {
    color: #FFF;
    padding-bottom: 5px; }
  #topMenu a:hover {
    color: #00AAD2;
    background-color: #FFF; }
  #topMenu li {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin-left: 8px;
    margin-top: 5px;
    padding: 1px 8px 2px;
    background-color: #0094b7;
    border-left: 1px solid #C9E2F5;
    border-right: 1px solid #C9E2F5;
    border-top: 1px solid #C9E2F5; }
  #topMenu li:hover {
    background-color: #FFF; }
  #topMenu .current {
    background-color: #FFF;
    color: #00AAD2; }
  #topMenu .current a {
    color: #00AAD2; }
  #dobleColumna {
    width: 600px;
    float: left; }
  #multiBuscador {
    width: 610px; }
  #divNoticias li {
    margin-bottom: 10px; }
  .modulo600 {
    width: 600px;
    float: left;
    margin-bottom: 10px;
    text-align: justify; }
  #columnaSimple {
    width: 300px;
    float: left; }
  .separacionColumna {
    margin-left: 20px; }
  .bloqueLateral {
    margin-bottom: 20px; }
  .bloqueLateral ul {
    margin-bottom: 10px; }
  .listado, .listadoEnlaces {
    margin-bottom: 20px;
    list-style-position: inside; }
  .listado {
    list-style-image: url("/imagenes/iconos/listado.png"); }
  .listadoEnlaces {
    list-style-image: url("/imagenes/iconos/flecha_trans.png"); }
  .listado li, .listado li p {
    margin-bottom: 6px; }
  .listadoEnlaces li {
    margin-bottom: 3px;
    text-align: left; }
  .listadoGuias {
    float: left;
    width: 100%;
    margin-bottom: 5px; }
  .listadoGuias li {
    float: left;
    margin-bottom: 5px;
    margin-right: 6px;
    text-align: center;
    font-weight: bold; }
  .listadoGuias li img {
    border: 2px solid #000;
    width: 140px;
    height: 90px; }
  .enlaces14 a {
    font-size: 14px;
    font-weight: bold; }
  #footer {
    margin-top: 30px;
    padding: 10px 0 5px 0;
    background-color: #dee9f3;
    overflow: hidden;
    width: 100%; }
  #footer a {
    font-weight: bold; }
  .footerIzq {
    float: left;
    margin-left: 20px; }
  .footerDer {
    float: right;
    margin-right: 20px; }
  #buscaHoteles {
    width: 280px;
    padding: 10px;
    overflow: hidden;
    background-color: #EEF5FA;
    border: 1px solid #C9E2F5;
    font-size: 16px;
    font-weight: bold; }
    #buscaHoteles .comboFechas.dia, #buscaHoteles .comboFechas.mes {
      padding: 3px 3px 3px 12px; }
    #buscaHoteles .comboFechas.dia {
      width: 4em; }
    #buscaHoteles .comboFechas.mes {
      width: 10em; }
  #buscaHoteles li {
    clear: both; }
  #b_destination, #b_destination2 {
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    width: 265px;
    margin-bottom: 10px; }
  #b_calendarPopup {
    border-color: #E6EDF6 !important;
    font-size: 14px; }
  #b_calendarPopup th, #b_calendarPopup td {
    text-align: right;
    padding: 5px 7px; }
  .b_calSelected {
    background-color: #F80497; }
  .b_calSelected a {
    color: #FFFFFF; }
  .b_calPast {
    text-decoration: line-through; }
  .b_calWeekend {
    background-color: #C9E2F5; }
  .b_caltable {
    background-color: #EEF5FA; }
  .b_calHeader, .b_calClose {
    background-color: #FFF; }
  .b_calDayNames {
    color: #FFF; }
  .b_calDayNames th {
    background-color: #00AAD2;
    border-bottom: thin solid #333;
    font-weight: bold; }
  .b_popup {
    display: none;
    position: relative;
    z-index: 1000; }
  #b_calendarPopup a {
    font-weight: bold; }
  .b_popupInner {
    background-color: #FFF;
    border: 1px solid #003580;
    padding: 8px; }
  .comboFechas {
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 3px; }
  .b_submitButton {
    background-color: #00AAD2;
    color: #FFFFFF;
    border: 1px solid #FFF;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    padding: 0 20px;
    margin-top: 5px; }
  #resultadosEncontrados p {
    font-size: 14px;
    font-weight: bold; }
  #resultadosEncontrados li {
    padding: 5px;
    margin: 8px 0;
    font-size: 18px;
    background-color: #F0F8F9; }
  .mejorResultado {
    font-size: 20px;
    font-weight: bold; }
  #infoHoteles {
    border: 1px solid #B30000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 15px;
    overflow: auto;
    padding: 5px;
    width: 590px; }
  .mensajeError {
    color: #B30000;
    float: left;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    width: 540px;
    line-height: 20px; }
  .porqueReservar {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 14px;
    font-weight: bold; }
  .tituloDestino {
    float: left;
    background-color: #00AAD2;
    width: 285px; }
  .tituloDestino a {
    color: #FFF; }
  .tituloDestino h2 {
    color: #FFFFFF;
    margin: 5px; }
  .destinoMasBuscado {
    border: 1px solid #00AAD2;
    float: left;
    margin: 0 12px 12px 0;
    width: 285px; }
  .destinoMasBuscado ul {
    float: left;
    margin: 5px;
    width: 275px;
    padding: 0; }
  .destinoMasBuscado li {
    width: 275px;
    float: left;
    padding: 0; }
  #listadoOtrosDestinos, #listadoOtrosDestinos ul {
    width: 100%; }
  #listadoOtrosDestinos img {
    float: left;
    border: 1px solid #00AAD2;
    margin-right: 5px; }
  #listadoOtrosDestinos li {
    width: 140px;
    margin: 0 10px 10px 0;
    float: left;
    font-weight: bold; }
  #publiCivitatis,
  #registro {
    float: left;
    width: 945px;
    padding: 15px; }
  .content-panel {
    clear: both;
    padding: 15px; }
  #publiCivitatis p, .content-panel p {
    color: #000; }
  #publiCivitatis p b, .content-panel p b {
    color: #006699; }
  #publiCivitatis ul, .content-panel ul {
    color: #000000;
    margin-bottom: 15px;
    list-style-type: inherit;
    list-style-position: inside; }
  #publiCivitatis ul b, .content-panel ul b {
    color: #006699; }
  .imagenDerecha {
    clear: both;
    color: #006699;
    float: right;
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 15px;
    text-align: center;
    font-weight: bold; }
  #thumbBox {
    position: absolute;
    padding: 5px;
    background: #000;
    visibility: hidden;
    z-index: 10;
    cursor: pointer; }
  #thumbBox .footerbar {
    display: none; }
  #thumbBox #thumbImage {
    font-weight: bold;
    color: #FFF; }
  #thumbLoading {
    position: absolute;
    visibility: hidden;
    border: 1px solid black;
    background-color: #EEF5FA;
    padding: 5px;
    z-index: 5; }
  .youTube {
    overflow: hidden;
    margin-bottom: 15px; }
  .clear {
    clear: both; }
  .listadoWebs ul {
    width: 100%; }
  .listadoWebs a {
    text-decoration: none !important; }
  .listadoWebs li {
    width: 190px;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold; }
  #contactar {
    margin: 25px 0 10px 0;
    font-size: 14px;
    font-weight: bold; }
  #contactar li {
    clear: both;
    margin-bottom: 12px; }
  #contactar label {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 90px; }
  #contactar .campoTexto {
    background: #EEF5FA none repeat scroll 0 0;
    border: 1px solid #C9E2F5;
    color: #333333;
    padding: 5px;
    width: 220px; }
  .textoGratis {
    color: #339900;
    font-size: 13px;
    font-weight: bold; }
  .ancho280 {
    width: 280px !important; } }

/*==========  Non-Mobile First Method  ==========*/
/* Medium Devices, Desktops */
@media only screen and (max-width: 599px) and (orientation: portrait) {
  .listadoGuias {
    font-size: 16px;
    float: left;
    clear: both;
    width: 100%; }
    .listadoGuias li {
      float: left;
      width: 50%;
      text-align: center;
      margin-bottom: 1.5em; }
      .listadoGuias li img {
        width: 140px;
        height: 90px; } }

@media only screen and (max-width: 900px) and (orientation: landscape) {
  .listadoGuias {
    font-size: 16px;
    float: left;
    clear: both;
    width: 100%; }
    .listadoGuias li {
      float: left;
      width: 50%;
      text-align: center;
      margin-bottom: 1.5em; }
      .listadoGuias li img {
        width: 140px;
        height: 90px; } }