/* General */

@import url(reset.css);
body {line-height: 1; font-size: 13px; margin-top: 0px; font-family: Trebuchet MS, Arial, Helvetica, Segoe UI, Segoe, Frutiger, "Trebuchet MS", sans-serif; background: url(images/background.jpg) repeat-y top #C0C0C0;}
a {color:#d4d4d4;text-decoration:none;}
a:hover {color: #fff; text-decoration:underline;}
p {line-height:1.1em; margin-bottom:1.1em; color: #FFF;}
h1 {font:30px Arial; font-weight:900; margin-top: 0px; margin-bottom: -24px; color:#FFF}
h2 {font:20px Arial; color: #d4d4d4;}
h3 {font:18px Arial; color: #d4d4d4; margin-bottom: -10px;}
h4 {font:1.0em Trebuchet MS;}
hr {width:100%; height:0px; text-align:left; border-top:0px; border-bottom:#e5e5e5 solid 1px;}


/* BANNER */

#banner{background-image:url(imagenes/banner-01.jpg); width:900px; height:319px; float:center;}


/* Header */

#container {width:900px; margin:0 auto;}
#header {width: 900px; height: 56px; float: center; background: url('imagenes/fondocabmenu.jpg') repeat-x; position: relative;}
#header p {text-align: center; padding-top: 20px; margin-top: 0px; }


/* Content */

#content {width: 900px; float: left; background: #454545; _margin-top: -13px;}
#aside-1 {width:209px; float:left;}
#aside-1 .clearfloat {margin:0px 0px 10px 0px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
#aside-2 {width:398px; padding: 24px; float:left;}
#aside-2 .clearfloat {margin:0px 0px 10px 0px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
#fondohome {width:398px; float:center; background: url(imagenes/fondohome.jpg) no-repeat;}
#fondosecciones {width:398px; float:left;}
#fondosecciones h1 {margin-bottom: 20px;}
#aside-3 {width:245px; float:right;}
#aside-3 .clearfloat {margin:0px 0px 10px 0px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
#aside-ban {width:643px; padding: 24px; float:left;}
#aside-ban .clearfloat {margin:0px 0px 10px 0px; border-bottom:1px dotted #ccc; margin-bottom:20px;}
#aside-vistas {width:504px; float:left;}

#aside-vistas .clearfloat {margin:0px 0px 10px 0px; border-bottom:1px dotted #ccc; margin-bottom:20px;}


/* 3 Columnas de contenido */

#fila1 {float:left; width:900px; overflow:hidden; position:relative;}
#fila2 {float:left; width:900px; position:relative; right:269px;}
#fila3 {float:left; width:900px; position:relative; right:422px;}
#columna1 {float:left; width:206px; position:relative; left:694px; overflow:hidden;}
#columna2 {float:left; width:398px; position:relative; left:718px; overflow:hidden;}
#columna3 {float:left; width:245px; position:relative; left:742px; overflow:hidden;}
#columna2 h1 {margin-top: 24px;}


/* 2 Columnas de contenido */

#fila11 {float:left; width:900px; overflow:hidden; position:relative;}
#fila12 {float:left; width:900px; position:relative; right:269px;}
#columna11 {float:left; width:206px; position:relative; left:272px; overflow:hidden;}
#columna12 {float:left; width:583px; position:relative; left:296px; overflow:hidden;}
#columna12 h1 {margin-top: 24px;}


/* Ofertas */

#titoferta {width: 398px; background: #d19e0a; margin-bottom: -10px; _margin-bottom: 0px;}
#titoferta p {padding-top: 2px; margin-left: 3px;}
#titoferta h1 {font:13px Arial; font-weight:900; margin-left: 4px; padding-top: 2px; color:#FFF}
#ofertaimg {width: 398px; height: 92px; margin-top: 3px;}
#ofertaimg p {margin-left: 150px;}


/* Iconos de Menus */

#logocenter {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/logocenter.jpg) no-repeat;}
#logojaime {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/logojaime.jpg) no-repeat;}
#logoluz {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/logoluz.jpg) no-repeat;}
#logonodo {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/logonodo.jpg) no-repeat;}
#folletoluz {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/folletoluz.jpg) no-repeat;}
#folletocenter {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/folletocenter.jpg) no-repeat;}
#folletojaime {width: 643px; height: 39px; float: left; margin-top: 3px; background: url(imagenes/folletojaime.jpg) no-repeat;}
#logocenter p, #logojaime p, #logonodo p, #logoluz p, #folletoluz p, #folletocenter p, #folletojaime p {margin-left: 107px; _padding-top: 13px;}


/* Tablas de Capacidades */

table.capacidades {width: 524px; border: 1px solid #525252;}
table.capacidades thead {background-color: #343434;}
table.capacidades thead td {font-weight: 900; text-align: left; color: #888;}
table.capacidades thead th {font-weight: 900; text-align: center; color: #888;}
table.capacidades tbody {background-color: #525252;}
table.capacidades tbody td {text-align: left;}
table.capacidades tbody th {font-weight: normal; text-align: center;}


/* Secciones */

#sechome {width: 900px; height: 319px; float: left; background: url(imagenes/portada.swf) no-repeat;}
#sechabitaciones {width: 900px; height: 319px; float: left; background: url(imagenes/img-habitaciones.jpg) no-repeat;}
#secbanquetes {width: 900px; height: 319px; float: left; background: url(imagenes/img-banquetes.jpg) no-repeat;}
#seccomidas {width: 900px; height: 319px; float: left; background: url(imagenes/img-comidas.jpg) no-repeat;}
#seccongresos {width: 900px; height: 319px; float: left; background: url(imagenes/img-congresos.jpg) no-repeat;}
#secrestaurante {width: 900px; height: 319px; float: left; background: url(imagenes/img-restaurante.jpg) no-repeat;}
#secvistas {width: 900px; height: 159px; float: left; background: url(imagenes/img-vistas.jpg) no-repeat;}
#fondoimginf {width: 900px; height: 4px; float: left; background: url(imagenes/fondoimginf.jpg) repeat-x;}


/* Formulario de Altas del Menu Diario */

label {width: 4em; float: left; text-align: right; margin-right: 0.5em; display: block}
.submit input {margin-left: 4.5em;}
input {color: #FFF; background: #c8c8c8; border: 1px solid #333}
.submit input {color: #FFF; background: #333; border: 2px outset #FFF}
fieldset {border: 1px solid #FFF; width: 370px;}
legend {color: #fff; background: #333; border: 1px solid #FFF; padding: 4px 6px 6px 6px;}


/* Menu */

.fondomenub {width: 206px; height: 25px; float: left; margin-top: 3px; background: url(imagenes/fondomenu.jpg) repeat-x;}
.fondomenu {width: 206px; height: 25px; float: left; margin-top: 3px; _margin-top: -4px; background: url(imagenes/fondomenu.jpg) repeat-x;}
.fondomenu2 {width: 206px; height: 25px; float: left; margin-top: 3px; _margin-top: -4px; background: url(imagenes/fondomenu2.jpg) no-repeat;}
.fondomenu3 {width: 206px; height: 25px; float: left; margin-top: 35px; _margin-top: -4px; background: url(imagenes/fondomenu.jpg) repeat-x;}
.tomtom {width: 206px; height: 80px; float: left; margin-top: 3px; _margin-top: -4px; background: url(imagenes/tomtom.jpg) no-repeat;}
.wifi {width: 206px; height: 80px; float: left; margin-top: 3px; _margin-top: -4px; background: url(imagenes/wifi.jpg) no-repeat;}
.facebook {width: 206px; height: 80px; float: left; margin-top: 3px; _margin-top: -4px; background: url(imagenes/facebook.jpg) no-repeat;}
.fondomenu p, .fondomenub p, .fondomenu3 p {color: #d4d4d4; font-size: 13px; margin-left: 7px; margin-top: 4px;}
.fondomenu2 p {font-size: 13px; margin-left: 24px; margin-top: 4px;}



/* Galeria de imagenes */

.galeria {margin-left: 18px;}
.galeria p, .galeria h1 {margin-top: 5px; margin-left: 6px;}
table.galeria {width: 600 px;}
table.galeria tbody {background-color: #454545;}
table.galeria tbody th {font-weight: normal; text-align: center; padding: 4px;}
.volver {width: 200px; height: 20px; float: right; margin-top: -30px; margin-right: 18px; color:#888; background: url(imagenes/fecha1.jpg) no-repeat;}
.volver a {color:#888; text-decoration:none; margin-left: 15px;}



/* Formulario de Reservas */

* {padding: 0;}
#formulario {width: 206px; height: 143px; margin-top: 3px; background: url(imagenes/fondoformulario2.jpg) no-repeat;}
form.form_reserva {margin: 0px; padding:0;}
ul {margin: 0 0 0 20px;}
dt {margin: 1em 0 .2em; font-weight: bold;}
dd {margin: .2em 0 1em;}
fieldset {margin: 1em 0; padding: 0 10px; width: 180px;}
#chooseDateForm li {list-style: none; padding: 5px; clear: both;}
/*select {width: 120px;font-size: 10px;}*/
input.dp-applied {width: 80px; float:left;}
a.dp-choose-date {/*float:right;*/ width: 23px; height: 19px; padding: 0; margin: 0px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(imagenes/calendar.jpg) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px; cursor: default;}
#calendar-me {margin: 10px;}
pre.sourcecode {border: 2px dashed #ccc; padding: 10px; width: 734px; overflow: auto; margin: 0 0 20px;}
.texto {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;}
.formcv {width: 206px; height: 80px; float: left; margin-top: 3px; _margin-top: -4px; background: url(imagenes/formcv.jpg) no-repeat;}

/* Columna Derecha */

#titulosizq {width: 206px; height: 21px; float: left; margin-top: 3px; _margin-top: -9px; background: url(imagenes/fondotitder.jpg) repeat-x;}
.titulosderb {width: 242px; height: 21px; float: left; margin-top: 3px; background: url(imagenes/fondotitder.jpg) repeat-x;}
.titulosder {width: 242px; height: 21px; float: left; margin-top: 3px; _margin-top: -9px; background: url(imagenes/fondotitder.jpg) repeat-x;}
.titulosder p, .titulosderb p {font-size: 13px; color: #FFF; margin-left: 6px; margin-top: 2px;}
.cajader1 {width: 242px; height: 94px; float: left; margin-top: 3px;  _margin-top: -6px; background: url(imagenes/fondocontder.jpg) repeat-x;}
.cajader2 {width: 242px; height: 100px; float: left; margin-top: 3px;  _margin-top: -6px; background: url(imagenes/fondocontder.jpg) repeat-x;}
.cajader1 p {font-size: 13px; color: #343434; margin-left: 81px; margin-top: -86px;}
.cajader2 p {font-size: 13px; color: #343434; margin-left: 98px; margin-top: -90px;}
.cajader1 a {font-size: 13px; color: #FFF;}
.cajader2 a {font-size: 13px; color: #FFF;}


/* Columna Derecha (Imagenes) */

.cajaimgborder1 {width: 238px; height: 174px; float: left; margin-top: 5px; border: #FFF 1px solid;}
.cajaimgborder2 {width: 234px; height: 170px; float: left; margin-top: 0px; border: #FFF 2px solid;}
.cajaimgborder1b {width: 238px; height: 110px; float: left; margin-top: 5px; border: #FFF 1px solid;}
.cajaimgborder2b {width: 234px; height: 106px; float: left; margin-top: 0px; border: #FFF 2px solid;}
.botongaleria {width: 240px; height: 18px; margin-top: 367px; _margin-top: 5px; margin-left: 20px; background: url(imagenes/camara.jpg) no-repeat;}
.botongaleria p {padding-top: 3px; text-align: center;}
#img01 {width: 232px; height: 168px; background: url(imagenes/minis/habitaciones01.jpg) no-repeat; border:1px solid #fff;}
#img02 {width: 232px; height: 168px; background: url(imagenes/minis/habitaciones02.jpg) no-repeat; border:1px solid #fff;}
#img03 {width: 232px; height: 168px; background: url(imagenes/minis/empresa01.jpg) no-repeat; border:1px solid #fff;}
#img04 {width: 232px; height: 168px; background: url(imagenes/minis/empresa02.jpg) no-repeat; border:1px solid #fff;}
#img05 {width: 232px; height: 168px; background: url(imagenes/minis/restaurante01.jpg) no-repeat; border:1px solid #fff;}
#img06 {width: 232px; height: 168px; background: url(imagenes/minis/restaurante02.jpg) no-repeat; border:1px solid #fff;}
#img07 {width: 232px; height: 168px; background: url(imagenes/minis/vistas01.jpg) no-repeat; border:1px solid #fff;}
#img08 {width: 232px; height: 168px; background: url(imagenes/minis/vistas02.jpg) no-repeat; border:1px solid #fff;}
#img09 {width: 232px; height: 168px; background: url(imagenes/minis/vistas03.jpg) no-repeat; border:1px solid #fff;}
#img10 {width: 232px; height: 168px; background: url(imagenes/minis/vistas04.jpg) no-repeat; border:1px solid #fff;}
#img11 {width: 232px; height: 168px; background: url(imagenes/minis/vistas05.jpg) no-repeat; border:1px solid #fff;}
#imgluz {width: 232px; height: 104px; background: url(imagenes/minis/imgluz.jpg) no-repeat; border:1px solid #fff;}
#imgcenter {width: 232px; height: 104px; background: url(imagenes/minis/imgcenter.jpg) no-repeat; border:1px solid #fff;}
#imgjaime {width: 232px; height: 104px; background: url(imagenes/minis/imgjaime.jpg) no-repeat; border:1px solid #fff;}
#imgnodo {width: 232px; height: 104px; background: url(imagenes/minis/imgnodo.jpg) no-repeat; border:1px solid #fff;}
#imgeventos {width: 232px; height: 104px; background: url(imagenes/minis/imgeventos.jpg) no-repeat; border:1px solid #fff;}
#esp-navidad {width: 232px; height: 104px; background: url(imagenes/minis/img-navidad.jpg) no-repeat; border:1px solid #fff;}



/* Img minis en seccion Vistas 360 */

#vistasimg-aside1 {width: 238px; float: left;}
#vistasimg-aside2 {width: 238px; margin-left: 24px; float: left;}


/* Footer*/

#footer {width: 900px; height: 83px; float: left; text-align: center; margin-top: 20px; margin-bottom: 20px; background: url('imagenes/fondopie.jpg') repeat-x;}
#footer p {margin-top: 10px;}